import * as React from "react";
import { SVGProps } from "react";

const SvgFirebase = (props: SVGProps<SVGSVGElement>) => (
    <svg
        width={35}
        height={48}
        viewBox="0 0 35 48"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        {...props}
    >
        <mask
            id="firebase_svg__a"
            style={{
                maskType: "alpha",
            }}
            maskUnits="userSpaceOnUse"
            x={0}
            y={0}
            width={35}
            height={48}
        >
            <path
                d="M30.294 10.653a1.098 1.098 0 0 0-1.85-.596l-5.628 5.663-4.46-8.427a1.062 1.062 0 0 0-1.904 0l-2.42 4.606L7.913.572c-.489-.92-1.876-.677-2.04.353L0 38.48l15.745 8.807c.991.542 2.191.542 3.182 0l15.882-8.807-4.515-27.828Z"
                fill="#fff"
            />
        </mask>
        <g mask="url(#firebase_svg__a)">
            <path
                d="M30.294 10.653a1.098 1.098 0 0 0-1.85-.596l-5.628 5.663-4.46-8.427a1.062 1.062 0 0 0-1.904 0l-2.42 4.606L7.913.572c-.489-.92-1.876-.677-2.04.353L0 38.48l15.745 8.807c.991.542 2.191.542 3.182 0l15.882-8.807-4.515-27.828Z"
                fill="url(#firebase_svg__b)"
            />
            <path
                d="M0 38.481 5.901.925c.163-1.03 1.55-1.274 2.04-.353L14.032 11.9l2.42-4.606a1.088 1.088 0 0 1 1.931 0L34.81 38.48H0Z"
                fill="#FFA000"
            />
            <path
                fill="url(#firebase_svg__c)"
                d="M-2.175 9.487h23.659v30.078H-2.175z"
            />
            <path
                d="M20.341 23.85 14.005 11.9 0 38.481l20.341-14.633Z"
                fill="#F57C00"
            />
            <path
                fill="url(#firebase_svg__d)"
                d="M-1.087 7.319h38.072v41.73H-1.087z"
            />
            <path
                d="m34.809 38.481-4.514-27.829a1.098 1.098 0 0 0-1.85-.596L0 38.481l15.746 8.807c.99.542 2.19.542 3.182 0l15.881-8.807Z"
                fill="#FFCA28"
            />
            <path
                d="M30.295 10.653a1.098 1.098 0 0 0-1.85-.596l-5.629 5.663-4.46-8.427a1.062 1.062 0 0 0-1.903 0l-2.42 4.606L7.913.572c-.489-.92-1.876-.677-2.039.353L0 38.48h-.027l.027.027.164.082 22.625-22.6 5.656-5.636a1.098 1.098 0 0 1 1.85.597l4.46 27.557.054-.027-4.514-27.828ZM.055 38.427 5.9 1.196c.164-1.03 1.55-1.274 2.04-.353l6.092 11.327 2.42-4.607a1.088 1.088 0 0 1 1.93 0l4.352 8.238L.055 38.427Z"
                fill="#fff"
                fillOpacity={0.2}
            />
            <path
                opacity={0.2}
                d="M18.927 47.017c-.99.542-2.19.542-3.182 0L.027 38.237 0 38.481l15.745 8.807c.991.542 2.191.542 3.182 0L34.81 38.48l-.028-.244-15.854 8.78Z"
                fill="#A52714"
            />
            <path
                d="M30.294 10.653a1.098 1.098 0 0 0-1.85-.596l-5.628 5.663-4.46-8.427a1.062 1.062 0 0 0-1.904 0l-2.42 4.606L7.913.572c-.489-.92-1.876-.677-2.04.353L0 38.48l15.745 8.807c.991.542 2.191.542 3.182 0l15.882-8.807-4.515-27.828Z"
                fill="url(#firebase_svg__e)"
            />
        </g>
        <defs>
            <linearGradient
                id="firebase_svg__b"
                x1={-1.212}
                y1={8.121}
                x2={42.101}
                y2={31.109}
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="#fff" stopOpacity={0.1} />
                <stop offset={1} stopColor="#fff" stopOpacity={0} />
            </linearGradient>
            <linearGradient
                id="firebase_svg__e"
                x1={-1.212}
                y1={8.121}
                x2={42.101}
                y2={31.109}
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="#fff" stopOpacity={0.1} />
                <stop offset={1} stopColor="#fff" stopOpacity={0} />
            </linearGradient>
            <pattern
                id="firebase_svg__c"
                patternContentUnits="objectBoundingBox"
                width={1}
                height={1}
            >
                <use
                    xlinkHref="#firebase_svg__f"
                    transform="scale(.0115 .00893)"
                />
            </pattern>
            <pattern
                id="firebase_svg__d"
                patternContentUnits="objectBoundingBox"
                width={1}
                height={1}
            >
                <use
                    xlinkHref="#firebase_svg__g"
                    transform="scale(.00714 .00645)"
                />
            </pattern>
            <image
                id="firebase_svg__f"
                width={87}
                height={112}
                xlinkHref=""
            />
            <image
                id="firebase_svg__g"
                width={140}
                height={155}
                xlinkHref=""
            />
        </defs>
    </svg>
);

export default SvgFirebase;
